// 全局Message提示
.el-message {
  width: max-content !important;
  min-width: min-content !important;
  height: 40px;
  padding: 13px 20px 13px 20px !important;
  z-index: 9999 !important;

  // 错误 error
  &.el-message--error {
    background: #FFF2F1 !important;
    border: 1px solid #FFA29F !important;
    border-radius: 4px !important;
  }

  // 警告 warning
  &.el-message--warning {
    background:#FEF9ED !important;
    border: 1px solid #FDDBB9 !important;
    border-radius: 4px !important;
  }

  // 成功 success
  &.el-message--success {
    background: #EDF8E8 !important;
    border: 1px solid #B9E3C2 !important;
    border-radius: 4px !important;
  }

  // 普通提示 info
  &.el-message--info {
    background: #E1ECFF !important;
    border: 1px solid #79A9FF !important;
    border-radius: 4px !important;
  }

  // 提示里的文字
  .el-message__content {
    font-size: $--text-font-size;
    color: #333333 !important;
    letter-spacing: 0;
    text-align: justify;
  }

  // 提示里的icon
  .el-message__icon {
    // 成功
    &.el-icon-success:before {
      content: "\e680";
      color: #10C038;
      font-family: 'iconfont' !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    // 警告
    &.el-icon-warning:before {
      content: "\e681";
      color: #FF931D;
      font-family: 'iconfont' !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    // 失败
    &.el-icon-error:before {
      content: "\e682";
      color: #F04134;
      font-family: 'iconfont' !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    // 提示
    &.el-icon-info:before {
      content: "\e683";
      color: #337DFF;
      font-family: 'iconfont' !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
  }
}
